/**
 * 提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框
 * 使用方式 v-confirm="[infoText, event, args...]"
 * @Prop infoText 文字提示
 * @Prop event 回调事件
 * @Prop args 回调函数参数
 */
import Vue from 'vue'
import { MessageBox } from 'element-ui'
const fun = (el, binding) => {
  const [infoText, event, ...args] = binding.value
  el.onclick = () => {
    MessageBox.confirm(infoText, '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(() => {
      event(...args)
    })
  }
}

Vue.directive('confirm', fun)
